Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / tools / ToolsPageHeader.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"flex flex-wrap items-center justify-between gap-2 px-3 sm:px-4 md:px-6 py-3 sm:py-4 border-b border-gray-200 dark:border-zinc-800 bg-slate-50 dark:bg-zinc-950 shrink-0 min-w-0"

Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2 sm:gap-3 min-w-0 flex-1"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"p-2 rounded-lg shrink-0" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3iconWrapClassTa5d6ff"Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Tb4b4b4:Te6edf3icon-nameTff7b72=Ta5d6ff"Te6edf3iconTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"size-5 sm:size-6" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3iconClassTa5d6ff" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"min-w-0"Tb4b4b4>

Tb4b4b4<Tff7b72p Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3eyebrowTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400 truncate"Tb4b4b4>

Tff7b72{{ Te6edf3eyebrow Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>

Tb4b4b4<Tff7b72h1 Te6edf3classTff7b72=Ta5d6ff"text-lg sm:text-xl font-bold text-gray-900 dark:text-white truncate"Tb4b4b4>

Tff7b72{{ Te6edf3title Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72h1Tb4b4b4>

Tb4b4b4<Tff7b72p

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3descriptionTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"text-xs sm:text-sm text-gray-500 dark:text-gray-400 line-clamp-2 sm:line-clamp-none"

Tb4b4b4>

Tff7b72{{ Te6edf3description Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72pTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2 shrink-0 w-full sm:w-auto justify-end"Tb4b4b4>

Tb4b4b4<Tff7b72slot Te6edf3nameTff7b72=Ta5d6ff"actions" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72RouterLink

Te6edf3toTff7b72=Ta5d6ff"/tools"

Te6edf3classTff7b72=Ta5d6ff"inline-flex items-center gap-2 text-sm hover:underline shrink-0"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3backLinkClassTa5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"arrow-left" Te6edf3classTff7b72=Ta5d6ff"size-4" Tb4b4b4/Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.back_to_tools"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72RouterLinkTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../MaterialDesignIcon.vue"Tb4b4b4;

Tff7b72const Te6edf3ACCENT Tff7b72= Tb4b4b4{

Te6edf3blueTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-blue-100 dark:bg-blue-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-blue-600 dark:text-blue-400"Tb4b4b4,

Te6edf3linkTff7b72: Ta5d6ff"text-blue-600 dark:text-blue-300"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3indigoTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-indigo-100 dark:bg-indigo-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-indigo-600 dark:text-indigo-400"Tb4b4b4,

Te6edf3linkTff7b72: Ta5d6ff"text-indigo-600 dark:text-indigo-300"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3tealTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-teal-100 dark:bg-teal-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-teal-600 dark:text-teal-400"Tb4b4b4,

Te6edf3linkTff7b72: Ta5d6ff"text-teal-600 dark:text-teal-300"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3purpleTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-purple-100 dark:bg-purple-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-purple-600 dark:text-purple-400"Tb4b4b4,

Te6edf3linkTff7b72: Ta5d6ff"text-purple-600 dark:text-purple-300"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3greenTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-green-100 dark:bg-green-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-green-600 dark:text-green-400"Tb4b4b4,

Te6edf3linkTff7b72: Ta5d6ff"text-green-600 dark:text-green-300"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3orangeTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-orange-100 dark:bg-orange-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-orange-600 dark:text-orange-400"Tb4b4b4,

Te6edf3linkTff7b72: Ta5d6ff"text-orange-600 dark:text-orange-300"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3cyanTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-cyan-100 dark:bg-cyan-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-cyan-600 dark:text-cyan-400"Tb4b4b4,

Te6edf3linkTff7b72: Ta5d6ff"text-cyan-600 dark:text-cyan-300"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3roseTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-rose-100 dark:bg-rose-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-rose-600 dark:text-rose-400"Tb4b4b4,

Te6edf3linkTff7b72: Ta5d6ff"text-rose-600 dark:text-rose-300"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3violetTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-violet-100 dark:bg-violet-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-violet-600 dark:text-violet-400"Tb4b4b4,

Te6edf3linkTff7b72: Ta5d6ff"text-violet-600 dark:text-violet-300"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3amberTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-amber-100 dark:bg-amber-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-amber-600 dark:text-amber-400"Tb4b4b4,

Te6edf3linkTff7b72: Ta5d6ff"text-amber-600 dark:text-amber-300"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3skyTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-sky-100 dark:bg-sky-900/30"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-sky-600 dark:text-sky-400"Tb4b4b4,

Te6edf3linkTff7b72: Ta5d6ff"text-sky-600 dark:text-sky-300"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3zincTff7b72: Tb4b4b4{

Te6edf3wrapTff7b72: Ta5d6ff"bg-zinc-100 dark:bg-zinc-800"Tb4b4b4,

Te6edf3iconTff7b72: Ta5d6ff"text-zinc-600 dark:text-zinc-400"Tb4b4b4,

Te6edf3linkTff7b72: Ta5d6ff"text-zinc-600 dark:text-zinc-300"Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"ToolsPageHeader"Tb4b4b4,

Te6edf3componentsTff7b72: Tb4b4b4{ Te6edf3MaterialDesignIcon Tb4b4b4}Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3iconTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Te6edf3requiredTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4,

Te6edf3titleTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Te6edf3requiredTff7b72: Tff7b72true Tb4b4b4}Tb4b4b4,

Te6edf3descriptionTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Tff7b72defaultTff7b72: Ta5d6ff"" Tb4b4b4}Tb4b4b4,

Te6edf3eyebrowTff7b72: Tb4b4b4{ Te6edf3typeTff7b72: Tffa657StringTb4b4b4, Tff7b72defaultTff7b72: Ta5d6ff"" Tb4b4b4}Tb4b4b4,

Te6edf3accentTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Ta5d6ff"blue"Tb4b4b4,

Te6edf3validatorTff7b72: Tb4b4b4(Te6edf3vTb4b4b4) Tb4b4b4=> Tffa657ObjectTb4b4b4.Te6edf3prototypeTb4b4b4.Te6edf3hasOwnPropertyTb4b4b4.Te6edf3callTb4b4b4(Te6edf3ACCENTTb4b4b4, Te6edf3vTb4b4b4)Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3computedTff7b72: Tb4b4b4{

Te6edf3paletteTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Te6edf3ACCENTTb4b4b4[Tff7b72thisTb4b4b4.Te6edf3accentTb4b4b4] Tff7b72|| Te6edf3ACCENTTb4b4b4.Te6edf3blueTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3iconWrapClassTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tff7b72thisTb4b4b4.Te6edf3paletteTb4b4b4.Te6edf3wrapTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3iconClassTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tff7b72thisTb4b4b4.Te6edf3paletteTb4b4b4.Te6edf3iconTb4b4b4;

Tb4b4b4}Tb4b4b4,

Te6edf3backLinkClassTb4b4b4(Tb4b4b4) Tb4b4b4{

Tff7b72return Tff7b72thisTb4b4b4.Te6edf3paletteTb4b4b4.Te6edf3linkTb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>